<template>
    <div class="header">
        <image class="headerImg" style="width:40px;height:90px" src="../../../web/img/header-01.png"></image>
        <text class="msg">{{bannerText}}</text>
    </div>
</template>

<script>
    export default {
        name: "login",
        props:["bannerText"]
    }
</script>

<style scoped>
.header{
    text-align:center;
    align-items: center;
    font-size: 32px;
    line-height:90px;
    box-shadow: 0 2px 5px #bbb;
    width:100%;
    flex-direction: row;
    justify-content: center;
    /*background-image:url("../../img/header-01.png");*/
    height:90px;
    position: relative;
}
.header .headerImg{
    /*justify-content: left;*/
    position: absolute;
    left:0;
    top:0;
}
.header .msg{
    font-weight:600;
}
</style>